import React from 'react'
import '../styles/appleItem.scss';
import apple from '../assets/images/apple.png'

function appleItem (props) {
  const { apple, eatApple} = props
  return (
    <div className="appleItem">
      <div className="apple"><img src={apple} alt=""/></div>
      <div className="info">
        <div className="name">红苹果 - {apple.id}号</div>
        <div className="weight">{apple.weight }克</div>
      </div>
      <div className="btn-div">
        <button onClick={() => {eatApple(apple.id)}}> 吃掉 </button>
      </div>
    </div>
)
}

export default appleItem
